<%--
  Created by IntelliJ IDEA.
  User: XTT
  Date: 2022/10/13
  Time: 15:22
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>关于我们</title>
    <style>
        *{
            margin: 0;
            padding: 0;
        }
        .content{
            width: 100%;
            margin: 0 auto;
            margin-top: 70px;
        }
        ol li {
            list-style: none;
        }
        ol li span{
            color: #FFB800;
        }
        .content2{
            height: 400px;
            margin: 0 auto;
            width: 1300px;
            margin-top: 350px;
        }
        .content2-div{
            margin-left: 90px;
            width: 300px;
            height: 400px;
            float: left;
        }
        .content2-div p{
            font-size: 25px;
            text-align: center;
            margin-top: -40px;
            color: white;
        }
        .two{
            margin: 0 auto;
            width: 1300px;
            text-align: center;
        }
        .three{
            width: 1300px;
            height: 625px;
            margin: 0 auto;
            margin-top: 20px;
        }
        .three-div{
            margin-left: 80px  ;
            height: 625px;
            width: 550px;
        }
        .footer{
            width: 100%;
            height: 200px;
            background-color: #393D49;
            text-align: center;
            margin-top: 40px;
        }
        .footer-fiv{
            width: 390px;
            float: left;
            margin-left: 50px;
            margin-top: 20px;
        }
        ul{
            margin-left: 145px;
            padding-top: 15px;
        }
        ul li{
            display: inline;
            padding-left: 20px;
        }
        .nb{
            text-indent: 2em;
        }
    </style>
</head>
<body>
    <div class="content">
        <p style="font-size: 40px;font-family: 华文楷体;text-align: center">关于我们</p>
        <p style="margin-top: 20px;text-align: center"><strong>首页</strong>>关于我们</p>
        <div style="float: left;margin-left: 200px;margin-top: 80px">
            <p style="font-size: 40px;font-family: 华文楷体">欢迎来到ikun酒店</p>
            <br>
            <p style="color: #9c9da0">酒店建于2022年的美好时代，位于xx市中心xx，与城市的旅游景点很<br>容易进入，它提供了很豪华的装饰房间</p>
        </div>
        <div style="float: right;margin-right: 400px;padding-top: 70px">
            <ol>
                <li><span>√</span>住宿八折</li><br>
                <li><span>√</span>免费早餐</li><br>
                <li><span>√</span>洗衣房免费洗衣</li><br>
                <li><span>√</span>免费的无限网络</li><br>
                <li><span>√</span>餐饮折扣50%</li><br>
            </ol>
        </div>
    </div>
    <div class="content2">
        <div class="content2-div">
            <img src="${pageContext.request.contextPath}/images/cy.jpg" width="300px" height="350px"/>
            <p>餐厅服务</p>
        </div>
        <div class="content2-div">
            <img src="${pageContext.request.contextPath}/images/lx.jpeg" width="300px" height="350px"/>
            <p>旅行和服务</p>
        </div>
        <div class="content2-div">
            <img src="${pageContext.request.contextPath}/images/hd.jpeg" width="300px" height="350px"/>
            <p>活动和聚会</p>
        </div>
    </div>
    <div class="two">
        <p style="color: #FFB800;">我们的图库</p>
        <p style="font-size: 30px;margin-top: 10px;font-family: 华文楷体">发现我们的工作</p>
    </div>
    <div class="three">
        <div class="three-div">
            <img src="${pageContext.request.contextPath}/images/nb2.jpeg" width="550">
            <div style="margin-top: 20px">
                <img src="${pageContext.request.contextPath}/images/nb1.jpeg" width="255" height="260">
                <img src="${pageContext.request.contextPath}/images/nb3.jpeg" width="255" height="260" style="float: right">
            </div>
            <div style="margin-left: 600px;margin-top: -610px">
                <img src="${pageContext.request.contextPath}/images/nb4.webp" width="502" height="610">
            </div>
        </div>
    </div>
    <div class="footer">
        <div class="footer-fiv" style="margin-top: 20px">
            <p style="padding-right: 60px;color: white;font-size: 50px;font-family: 华文彩云;">ikun</p>
            <p style="padding-left: 110px;padding-top: 10px;color: white">利用模板做的案例解析，共同学习参考</p>
        </div>
        <div class="footer-fiv">
            <p><strong style="color: #FFB800;padding-right: 45px">联系我们</strong></p>
            <p style="color: white;padding-top: 30px">qq:1352441260</p>
            <p style="color: white;padding-right: 20px;padding-top: 10px">群号：待申请</p>
            <p style="color: white;padding-left: 60px;padding-top: 10px">同一个地球，同一片蓝天</p>
        </div>
        <div class="footer-fiv">
            <p><strong style="padding-right: 50px;color: #FFB800">最新的</strong></p>
            <p style="color: white;padding-top: 30px">欢迎预定测试</p>
        </div>
    </div>
    <footer style="height: 50px;background-color: #1b1d21;border-top: 1px solid black">
        <ul style="color: white">
            <li>接触</li>
            <li>使用条款</li>
            <li>隐私</li>
            <li>环保政策</li>
            <li style="padding-left: 400px">Copyright &copy; 2022 Alt rights 91tt | This ikun is made with ♥</li>
        </ul>
    </footer>
</body>
</html>
